body {
  background: #fff;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#wrapper {
  flex: 1;
}
.container {margin: 0 auto;}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
a {text-decoration: none;}

@media screen and (min-width: 1000px) {
  .container {width: 960px;}
}

@media screen and (min-width: 766px) {
  .drawer {display: none;}
}

.middle {
  display: flex;
  align-items: center;
}
.flex-right { display: flex;   justify-content: flex-end;}

.align-right {text-align: right;}

header {background: none;padding: 0;height: auto;}
header .menu {background: rgb(36, 122, 252);height: 2.75rem;}
header .nav {color: #999;}
.menu a.button, .menu button, .menu [role="button"] {
  background: transparent;
  border-radius: 0;
  margin: 0;
  height: 2.75rem;
  box-sizing: border-box;
  min-width: 7em;
  text-align: center;
}
.menu a.button.active, .menu a.button:hover{
  background: rgb(21, 32, 190);
}
footer {text-align: center;}
footer a {color: #fff;}
table {width: 100%;}

.content .tabs .tab-content {height: auto;}
div[class$="-box"]{ border-radius: 2px; margin-bottom: 8px; min-height: 14px; padding: 14px 3%; color: white; }
.blue-box { background: #0277bd; }
.green-box { background: #0bbd4f; }
.red-box { background: #e71b4e; }
.yellow-box { background: #facc33; }

 .page-enjoy {}
.page-enjoy .apple img, .page-enjoy .android img {
  width: 100px; 
} 
.paginator {text-align: center;}